// 1.0 导入vue核心包（webpack 打包的入口文件）
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

import router from './router';

// 引入axios 解决跨域问题

import axios from 'axios';
Vue.prototype.$axios = axios;


//4.0 注册 mint-ui 
// 导入 mint-ui 的 css 文件
import 'mint-ui/lib/style.min.css';
// 导入 mint-ui 全部组件对象
import mintui from 'mint-ui';
// 在vue 中全局使用mint-ui
Vue.use(mintui);

// 引入 mint-ui 的子组件
// import { Button } from "mint-ui";

// Vue.component(Button.name, Button);

// 引入公共 js 库
import { api, scrollHidden } from './kits/common';
// 请求网址
Vue.prototype.$api = api();
// 滚动隐藏顶部导航栏
Vue.prototype.$scrollHidden = scrollHidden;


// 5.0注册mui的css样式  mui 不用再次导入  因为mui已经拷贝到statics中了
import '../statics/mui/css/mui.css';

// 6.0 导入当前系统的全局基本样式
import '../statics/css/site.css';

// 7.0 将vue-resource 在vue中绑定，自动在vue对象实例上注入一个 $http 对象就可以使用 ajax 方法了
import vueResource from 'vue-resource';
// 使用 vue-resource 模块
Vue.use(vueResource);

// vueResource 方法获取公共数据路径
Vue.http.options.root = 'https://www.apiopen.top';

// 8.0 定义一个全局过滤器实现日期的格式化
import moment from 'moment';
Vue.filter('datefmt', function(input, fmtstring) {
    // shiyong 使用momentjs这个日期格式化类库实现日期的格式化
    return moment(input).format(fmtstring);
    // return '2012-01-01';
});
// 9.0 利用Vue对象进行渲染

new Vue({
    el: '#app',
    router, //router:router,  定义的路由规则的名字
    // render: function (create) {
    //     create(App);
    // } // es5 写法
    render: c => c(App) //es6语法,
        ,
    methods: {
        greed(event) {
            console.log(123);
            // var container = document.getElementById("app-container");
            // container.style.height = window.innerHeight - 50 + "px";
            // document.getElementsByClassName('content-box')[0].style.height = document.getElementsByClassName('content-box')[0].clientHeight - 40 +'px'
        }
    },
    created() {},
    beforeMount() {},
    mounted() {},
    beforeUpdate() {
        // 有数据，在数据渲染之前调用
    },
    updated() {
        // 有数据，在渲染之后调用
    },
    beforeDestroy() {},
    destroyed() {}
})